.goods_genre {
  font-size: 13px; }
  .goods_genre > div {
    width: 100%;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px; }
    .goods_genre > div * {
      box-sizing: border-box; }
    .goods_genre > div > i {
      display: block;
      float: left;
      width: 15%;
      padding-top: 15%;
      position: relative;
      background-color: #ffffff;
      border: 1px solid #efefef;
      overflow: hidden; }
      .goods_genre > div > i img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 80%;
        max-height: 80%; }
    .goods_genre > div strong, .goods_genre > div span {
      display: block;
      float: right;
      width: 82%;
      font-size: 14px;
      text-align: justify;
      margin-left: 3%;
      font-weight: bold;
      line-height: 1.5em;
      height: 3em;
      overflow: hidden;
      word-break: break-all; }
    .goods_genre > div span {
      font-weight: normal;
      margin-top: 3px;
      height: 1.5em;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #666666; }
      .goods_genre > div span * {
        font-weight: bold;
        color: #eb413d; }
      .goods_genre > div span i {
        font-style: normal;
        margin-right: -2px; }
  .goods_genre table {
    width: 100%;
    line-height: 32px;
    table-layout: fixed; }
    .goods_genre table thead th {
      text-align: center;
      background-color: #f1f1f1;
      border: 1px solid #e6e6e5;
      color: #a8a8a8; }
    .goods_genre table tbody tr:first-child {
      background-color: #fbfbfc; }
      .goods_genre table tbody tr:first-child td {
        color: #a8a8a8; }
    .goods_genre table tbody tr td {
      border: 1px solid #e6e6e5;
      text-align: center;
      vertical-align: middle;
      position: relative;
      color: #6c6c6d; }
      .goods_genre table tbody tr td input {
        width: 40px;
        height: 16px;
        line-height: 16px;
        font-size: 13px;
        background: none;
        outline: none;
        border: none;
        text-align: center;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
        color: #6c6c6d; }
      .goods_genre table tbody tr td i {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 16px;
        font-style: normal;
        cursor: pointer;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        color: #6c6c6d; }
        .goods_genre table tbody tr td i:hover {
          background-color: #efefef; }
      .goods_genre table tbody tr td i[data-role="subtract"] {
        left: 3px; }
      .goods_genre table tbody tr td i[data-role="add"] {
        right: 3px; }
      .goods_genre table tbody tr td:hover i {
        visibility: visible;
        opacity: 1; }
  .goods_genre > p {
    font-size: 0;
    line-height: 0;
    text-align: center; }
    .goods_genre > p span {
      font-size: 13px;
      line-height: 42px;
      color: #878787; }
      .goods_genre > p span ~ span {
        margin-left: 32px; }
